Flexbox 布局

學習 Flexbox：了解 Flexbox 是如何幫助你簡化頁面布局。掌握基本概念，如 flex-container 和 flex-item，並學習常用屬性，如 justify-content、align-items、flex-direction。
練習：使用 Flexbox 創建一個兩欄或三欄布局，讓網頁內容能夠自適應瀏覽器的不同尺寸。
CSS 盒模型

理解盒模型：學習 HTML 元素是如何通過邊框（border）、填充（padding）和邊距（margin）來影響布局的。
實踐：調整元素的邊框、內邊距和外邊距，觀察如何影響網頁的布局和外觀。
CSS 佈局進階技巧

Grid 布局入門：學習另一種強大的布局工具——CSS Grid，理解 grid-container 和 grid-item 之間的關係。了解如何使用網格來進行多欄布局。
響應式設計基礎：學習使用 Media Queries 來設計響應式網站，讓網站適應不同的設備（如手機、平板和桌面電腦）。
練習項目

使用 Flexbox 或 Grid 改造你前幾天的網站設計，讓它更加靈活、具備響應式功能。嘗試讓頁面在不同屏幕上都有良好的顯示效果。